.layout {
    width: 100%;
    margin: 0 auto;

    >.header {
        height: 44px;
        line-height: 44px;
        background: linear-gradient(to right, #ff2250, #ffc431);
        position: relative;

        >.back {
            position: absolute;
            left: 10px;
            top: 0;
            height: 100%;
            width: 60px;

            >a {
                display: block;
                width: 15px;
                height: 50px;
                background: url(../images/icon_bar.png) no-repeat -208px -22px;
                color: #fff
            }

        }

        h4 {
            color: #fff;
            text-align: center;
        }

        >.load {
            position: absolute;
            top: 0px;
            right: 0px;
            width: 50px;
            height: 44px;

            >a {
                width: 100%;
                height: 100%;
                display: block;
                background-image: url(http://192.168.100.222:8888/mmb/images/zqj/header_app.png);
                background-repeat: no-repeat;
                background-position: center center;
                background-size: 34px 34px;
            }

        }
    }

    // 标题部分
    #title {
        height: 36px;
        line-height: 36px;
        background-color: #f5f5f5;
        padding-left: 8px;
        margin-top: 20px;
        color: #000;

    }

    #nav {
        ul {
            width: 100%;
            height: 100%;
            margin-top: 15px;

            li {
                width: 32.6%;
                float: left;
                border: 1px solid #ccc;
                margin: 0.3%;

                >a {
                    display: block;
                    text-align: center;

                    >img {
                        width: 50px;
                        height: 50px;
                        margin-top: 5px;
                    }
                }
            }
        }
    }
  #footer{
    position: fixed;
    margin: 0 auto;
    bottom: 0;
    width: 100%;
    max-width: 640px;
    >.footer-top{
        width: 100%;
        /* background: #efefef; */
        background-image: url(../images/nav-bg2.png);
        background-repeat: no-repeat;
        background-size: cover;
        border-top: 1px solid #ccc;
        border-bottom: 1px solid #ccc;
        height: 34px;
        line-height: 34px;
        margin-top: 20px;
        >ul{
            width: 100%;
            height: 100%;
            li{
                width: 33.3%;
                float: left;
                a{
                    display: block;
                    text-align: center;
                    color: #000;
                }
            }
        }
    }
    .footer-bottom{
        margin-top: 6px;
        p{
            text-align: center;
        }
    }
  }
}